<style>
    #middle
    {
        padding-top:20px;
    }
    #content {
        padding-top: 10px;
        line-height: 40px;
        font-size: 25px;
    }
</style>
<div id="middle">
    <div id="content">
        <table>
            <tr>
                <th>
                    Action
                </th>
                <th>
                    points($)
                </th>
                <th>
                    Time (cost)
                </th>
            </tr>
            
            
            <tr>
                <td>
              Maintenance action
                </td>
                <td>
                    -5
                </td>
                <td>
                    8 secs
                </td>
            </tr>
            <tr>
                <td>
                   Repair action
                </td>
                <td>
                    -500
                </td>
                <td>
                    3 secs
                </td>
            </tr>
            
           
            <tr>
                <td>
                    Being hit by meteor state
                </td>
                <td>
                    -10
                </td>
                <td>
                    Time continues
                </td>
            </tr>
            <tr>
                <td>
                   Hit a meteor action
                </td>
                <td>
                    30
                </td>
                <td>
                    Time continues
                </td>
            </tr>
        </table>
       
        <div class="number">
          <a href="#" onclick="goToGame()">Game</a>
        </div>
        <div class="number">
            <a href="#" onclick="window.location.reload()"><<</a>
        </div>
    </div>
</div>
